import { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
import { PageContainer, ProCard, ProForm, ProFormCascader, ProFormRadio, ProFormSelect, QueryFilter } from '@ant-design/pro-components';
import { useAccess, useModel } from 'umi';
import { Badge, Card, Cascader, Descriptions, DescriptionsProps, FormInstance, Space, Table, Tag } from 'antd';
import { useEffect, useRef, useState } from 'react';
import { detailBriefing } from '@/services/api/api-monitor-briefing';
import ProList from '@ant-design/pro-list';

interface PageAudioVisualBriefingProps {
    loading: boolean
}

const PageAudioVisualBriefing: React.FC<PageAudioVisualBriefingProps> = ({ loading }) => {
    const access = useAccess();

    const { initialState } = useModel('@@initialState');
    const { currentUser } = initialState || {};
    const formRef = useRef<FormInstance>();
    const [selectTime, setSelectTime] = useState<string>('5')
    const [selectYear, setSelectYear] = useState<string>('2024')

    const [detailData, setDetailData] = useState<MonitorData.briefingDetail>()
    const [timeOption, setTimeOption] = useState([
        {
            label: '第1期', value: '1'
        },
        {
            label: '第2期', value: '2'
        },
        {
            label: '第3期', value: '3'
        },
        {
            label: '第4期', value: '4'
        },
        {
            label: '第5期', value: '5'
        },
        {
            label: '第6期', value: '6'
        },
        {
            label: '第7期', value: '7'
        },
        {
            label: '第8期', value: '8'
        },
        {
            label: '第9期', value: '9'
        }
    ])


    const [yearOption, setYearOption] = useState([
        {
            label: '2020年', value: '2020'
        },
        {
            label: '2021年', value: '2021'
        },
        {
            label: '2022年', value: '2022'
        },
        {
            label: '2023年', value: '2023'
        },
        {
            label: '2024年', value: '2024'
        }
    ])

    const getBrefingData = async () => {
        const res = await detailBriefing({ year: selectYear, time: selectTime })
        if (res.code === 0) {
            setDetailData(res.data)
        }
    }

    useEffect(() => {
        getBrefingData()
    }, [selectYear, selectTime])

    useEffect(() => {

        console.log(loading);

    }, [loading])

    //安播监测
    const abjc = [{}, {}, {}, {},
    {
        data: {
            month: '4月',
            stopIncidentCount: 3,
            majorIncidentCount: 0,
            totalStopDuration: '2分13秒',
            responsibilityIncidents: 1,
            technicalIncidents: 1,
            // comparedLastMonthStopIncidentCount:'',
            // comparedLastMonthTotalStopDuration:'',
            lastMonth: {
                stopIncidentCount: 2,
                majorIncidentCount: 0,
                totalStopDuration: '2分13秒',
                responsibilityIncidents: 1,
                technicalIncidents: 2,
            },
            samePeriodLastYear: {
                stopIncidentCount: 2,
                majorIncidentCount: 1,
                totalStopDuration: '',
                responsibilityIncidents: 1,
                technicalIncidents: 1,
            },
        },
        incidentData: [
            {
                key: '1',
                unit: '重庆广电集团（总台）',
                channel: '第1眼新闻',
                count: 1,
                duration: '00:01:48',
            },
            {
                key: '2',
                unit: '重庆广电集团（总台）',
                channel: '技术中心电视发射台',
                count: 1,
                duration: '00:01:48',
            },
            {
                key: '3',
                unit: '中国广电重庆公司',
                channel: '中国广电综合（高/标清）',
                count: 1,
                duration: '00:00:25',
            }
        ],
        totalCount: 3,
        totalDuration: '00:02:13'
    },
    {
        data: {
            month: '5月',
            stopIncidentCount: 2,
            majorIncidentCount: 1,
            totalStopDuration: '8分42秒',
            responsibilityIncidents: 1,
            technicalIncidents: 1,
            // comparedLastMonthStopIncidentCount:'33.33%',
            // comparedLastMonthTotalStopDuration:'53.02%',
            lastMonth: {
                stopIncidentCount: 3,
                majorIncidentCount: 0,
                totalStopDuration: '2分13秒',
                responsibilityIncidents: 1,
                technicalIncidents: 2,
            },
            samePeriodLastYear: {
                stopIncidentCount: 2,
                majorIncidentCount: 1,
                totalStopDuration: '18分31秒',
                responsibilityIncidents: 1,
                technicalIncidents: 1,
            },
        },
        incidentData: [
            {
                key: '1',
                unit: '涪陵区融媒体中心',
                channel: '涪陵综合（高/标清）',
                count: 1,
                duration: '00:01:44',
            },
            {
                key: '2',
                unit: '武隆区融媒体中心',
                channel: '武隆综合（高/标清）',
                count: 1,
                duration: '00:06:58',
            },
        ],
        totalCount: 2,
        totalDuration: '00:08:42'
    },
    {
        data: {
            month: '6月',
            stopIncidentCount: 2,
            majorIncidentCount: 0,
            totalStopDuration: '3分36秒',
            responsibilityIncidents: 0,
            technicalIncidents: 2,
            lastMonth: {
                stopIncidentCount: 2,
                majorIncidentCount: 1,
                totalStopDuration: '0',
                responsibilityIncidents: 1,
                technicalIncidents: 1,
            },
            samePeriodLastYear: {
                stopIncidentCount: 2,
                majorIncidentCount: 0,
                totalStopDuration: '',
                responsibilityIncidents: 0,
                technicalIncidents: 0, // 假设的值，需相应更新  
            },
        },
        incidentData: [
            {
                key: '1',
                unit: '永川区融媒体中心',
                channel: '永川综合（高/标清）',
                count: 1,
                duration: '00:02:00',
            },
            {
                key: '2',
                unit: '潼南区融媒体中心',
                channel: '潼南综合（高/标清）',
                count: 1,
                duration: '00:01:36',
            }
        ],
        totalCount: 2,
        totalDuration: '00:03:36'
    }, {}, {}]
    //广告监测
    const ggjc = [{}, {}, {}, {},
    {
        commercialAds: {
            count: 1787,
            duration: "51小时14分19秒"
        },
        publicServiceAds: {
            count: 22117,
            duration: "53小时29分04秒"
        },
        violations: {
            commercialTimeout: 100, // 超时总数  
            shoppingAds: 11,        // 违规电视购物短片广告数量  
            medicalAds: 24,        // 违规医药广告数量  
            total: 135,            // 违规行为总数  
        },
        dataGg: [
            {
                key: '1',
                channel: '重庆卫视',
                date: '2024/4/8',
                timeout: 11,
                shoppingAds: 0,
                medicalAds: 9,
                total: 20,
            },
            {
                key: '2',
                channel: '重庆新闻',
                date: '2024/4/11',
                timeout: 1,
                shoppingAds: 0,
                medicalAds: 0,
                total: 1,
            },
            {
                key: '3',
                channel: '重庆影视',
                date: '2024/4/21',
                timeout: 13,
                shoppingAds: 1,
                medicalAds: 3,
                total: 17,
            },
            {
                key: '4',
                channel: '重庆社会与法',
                date: '2024/4/15',
                timeout: 12,
                shoppingAds: 1,
                medicalAds: 2,
                total: 15,
            },
            {
                key: '5',
                channel: '重庆时尚生活',
                date: '2024/4/17',
                timeout: 12,
                shoppingAds: 1,
                medicalAds: 2,
                total: 15,
            },
            {
                key: '6',
                channel: '重庆文体娱乐',
                date: '2024/4/14',
                timeout: 12,
                shoppingAds: 2,
                medicalAds: 5,
                total: 19,
            },
            {
                key: '7',
                channel: '重庆新农村',
                date: '2024/4/23',
                timeout: 10,
                shoppingAds: 2,
                medicalAds: 0,
                total: 12,
            },
            {
                key: '8',
                channel: '重庆少儿',
                date: '2024/4/10',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '9',
                channel: '重庆科教',
                date: '2024/4/16',
                timeout: 14,
                shoppingAds: 0,
                medicalAds: 2,
                total: 16,
            },
            {
                key: '10',
                channel: '重庆移动电视',
                date: '2024/4/6',
                timeout: 11,
                shoppingAds: 4,
                medicalAds: 0,
                total: 15,
            },
            {
                key: '11',
                channel: '重庆汽摩',
                date: '2024/4/9',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '12',
                channel: '重庆之声',
                date: '2024/4/7',
                timeout: 3,
                shoppingAds: 0,
                medicalAds: 1,
                total: 4,
            },
            {
                key: '13',
                channel: '重庆音乐',
                date: '2024/4/10',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '14',
                channel: '重庆经济',
                date: '2024/4/18',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '15',
                channel: '重庆交通',
                date: '2024/4/27',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '16',
                channel: '重庆都市',
                date: '2024/4/25',
                timeout: 1,
                shoppingAds: 0,
                medicalAds: 0,
                total: 1,
            },
        ]
    },
    {
        commercialAds: {
            count: 2075,
            duration: "56小时02分35秒"
        },
        publicServiceAds: {
            count: 21284,
            duration: "47小时41分09秒"
        },
        violations: {
            commercialTimeout: 107,
            shoppingAds: 13,
            medicalAds: 21,
            total: 141,
        },
        dataGg: [
            {
                key: '1',
                channel: '重庆卫视',
                date: '2024/5/12',
                timeout: 13,
                shoppingAds: 4,
                medicalAds: 6,
                total: 23,
            },
            {
                key: '2',
                channel: '重庆新闻',
                date: '2024/5/14',
                timeout: 2,
                shoppingAds: 0,
                medicalAds: 0,
                total: 2,
            },
            {
                key: '3',
                channel: '重庆影视',
                date: '2024/5/23',
                timeout: 9,
                shoppingAds: 1,
                medicalAds: 2,
                total: 12,
            },
            {
                key: '4',
                channel: '重庆社会与法',
                date: '2024/5/20',
                timeout: 13,
                shoppingAds: 1,
                medicalAds: 2,
                total: 16,
            },
            {
                key: '5',
                channel: '重庆时尚生活',
                date: '2024/5/22',
                timeout: 13,
                shoppingAds: 3,
                medicalAds: 2,
                total: 18,
            },
            {
                key: '6',
                channel: '重庆文体娱乐',
                date: '2024/5/19',
                timeout: 13,
                shoppingAds: 3,
                medicalAds: 3,
                total: 19,
            },
            {
                key: '7',
                channel: '重庆新农村',
                date: '2024/5/23',
                timeout: 15,
                shoppingAds: 1,
                medicalAds: 2,
                total: 18,
            },
            {
                key: '8',
                channel: '重庆少儿',
                date: '2024/5/13',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '9',
                channel: '重庆科教',
                date: '2024/5/21',
                timeout: 11,
                shoppingAds: 0,
                medicalAds: 1,
                total: 12,
            },
            {
                key: '10',
                channel: '重庆移动电视',
                date: '2024/5/8',
                timeout: 13,
                shoppingAds: 0,
                medicalAds: 1,
                total: 14,
            },
            {
                key: '11',
                channel: '重庆汽摩',
                date: '2024/4/9',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '12',
                channel: '重庆之声',
                date: '2024/4/7',
                timeout: 3,
                shoppingAds: 0,
                medicalAds: 2,
                total: 5,
            },
            {
                key: '13',
                channel: '重庆音乐',
                date: '2024/4/10',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '14',
                channel: '重庆经济',
                date: '2024/4/18',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '15',
                channel: '重庆交通',
                date: '2024/4/27',
                timeout: 1,
                shoppingAds: 0,
                medicalAds: 0,
                total: 1,
            },
            {
                key: '16',
                channel: '重庆都市',
                date: '2024/4/25',
                timeout: 1,
                shoppingAds: 0,
                medicalAds: 0,
                total: 1,
            },
        ]
    },
    {
        commercialAds: {
            count: 2006,
            duration: "62小时45分20秒"
        },
        publicServiceAds: {
            count: 22214,
            duration: "49小时20分49秒"
        },
        violations: {
            commercialTimeout: 117, // 商业广告超时播出时段  
            shoppingAds: 6,         // 违规播出电视购物短片广告  
            medicalAds: 32,         // 违规医药广告  
            total: 155               // 违规行为总数  
        },
        dataGg: [
            {
                key: '1',
                channel: '重庆卫视',
                date: '2024/6/5',
                timeout: 13,
                shoppingAds: 0,
                medicalAds: 9,
                total: 22,
            },
            {
                key: '2',
                channel: '重庆新闻',
                date: '2024/6/12',
                timeout: 3,
                shoppingAds: 0,
                medicalAds: 0,
                total: 3,
            },
            {
                key: '3',
                channel: '重庆影视',
                date: '2024/6/23',
                timeout: 13,
                shoppingAds: 1,
                medicalAds: 5,
                total: 19,
            },
            {
                key: '4',
                channel: '重庆社会与法',
                date: '2024/6/17',
                timeout: 14,
                shoppingAds: 1,
                medicalAds: 2,
                total: 17,
            },
            {
                key: '5',
                channel: '重庆时尚生活',
                date: '2024/6/19',
                timeout: 15,
                shoppingAds: 1,
                medicalAds: 3,
                total: 19,
            },
            {
                key: '6',
                channel: '重庆文体娱乐',
                date: '2024/6/15',
                timeout: 11,
                shoppingAds: 2,
                medicalAds: 3,
                total: 16,
            },
            {
                key: '7',
                channel: '重庆新农村',
                date: '2024/6/23',
                timeout: 15,
                shoppingAds: 1,
                medicalAds: 3,
                total: 19,
            },
            {
                key: '8',
                channel: '重庆少儿',
                date: '2024/6/6',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '9',
                channel: '重庆科教',
                date: '2024/6/18',
                timeout: 13,
                shoppingAds: 0,
                medicalAds: 2,
                total: 15,
            },
            {
                key: '10',
                channel: '重庆移动电视',
                date: '2024/6/13',
                timeout: 13,
                shoppingAds: 0,
                medicalAds: 1,
                total: 14,
            },
            {
                key: '11',
                channel: '重庆汽摩',
                date: '2024/6/6',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '12',
                channel: '重庆之声',
                date: '2024/6/24',
                timeout: 3,
                shoppingAds: 0,
                medicalAds: 3,
                total: 6,
            },
            {
                key: '13',
                channel: '重庆音乐',
                date: '2024/6/19',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '14',
                channel: '重庆经济',
                date: '2024/6/25',
                timeout: 0,
                shoppingAds: 0,
                medicalAds: 0,
                total: 0,
            },
            {
                key: '15',
                channel: '重庆交通',
                date: '2024/6/10',
                timeout: 2,
                shoppingAds: 0,
                medicalAds: 1,
                total: 3,
            },
            {
                key: '16',
                channel: '重庆都市',
                date: '2024/6/24',
                timeout: 2,
                shoppingAds: 0,
                medicalAds: 0,
                total: 2,
            },
        ]
    },
        , {}, {}]

    //视听新媒体监测
    const networkMonitoringData = [{}, {}, {}, {},
    {
        totalUnits: 48,
        transmissionStatus: '良好',
        violations: '未发现',
        renewed: 17,
    }, {
        totalUnits: 49,
        transmissionStatus: '良好',
        violations: '未发现',
        renewed: 16,
    }, {
        totalUnits: 49,
        transmissionStatus: '良好',
        violations: '未发现',
        renewed: 4,
    }, {}, {}]
    //IPTV 频道监测
    const iptvMonitoringData = [{}, {}, {}, {},
    {
        telecomChannels: 144,
        unicomChannels: 137,
        mobileChannels: 104,
        monitoredPrograms: 200,
        violationsFound: '未发现'
    }, {
        telecomChannels: 146,
        unicomChannels: 125,
        mobileChannels: 104,
        monitoredPrograms: 200,
        violationsFound: '未发现',
    }, {
        telecomChannels: 148,
        unicomChannels: 125,
        mobileChannels: 104,
        monitoredPrograms: 200,
        violationsFound: '未发现'
    }, {}, {}]


    useEffect(() => {
    }, [])


    return (
        <>
            <QueryFilter
                submitter={false}
                span={24}
                labelWidth="auto"
                split
                formRef={formRef}
                initialValues={{
                    year: '2024',
                    time: '5'
                }}

                onFinish={async (value) => {
                    console.log(value);
                }}
            >
                <ProForm.Group title="时间" >
                    <ProFormSelect
                        name="year"
                        placeholder="选择年限"
                        fieldProps={{
                            options: yearOption,
                            style: {
                                width: 300
                            },
                            removeIcon: true,
                            allowClear: true,
                            showSearch: true,
                            maxTagCount: 'responsive',
                            onClear() {
                                setSelectYear('2024')
                                formRef.current?.submit();
                            },
                            onChange(value, selectOptions) {
                                setSelectYear(value)
                                formRef.current?.submit();
                            },
                        }}
                    />
                    <ProFormSelect
                        name="time"
                        placeholder="选择期数"
                        fieldProps={{
                            options: timeOption,
                            style: {
                                width: 300
                            },
                            removeIcon: true,
                            allowClear: true,
                            showSearch: true,
                            maxTagCount: 'responsive',
                            onClear() {
                                setSelectTime('1')
                                formRef.current?.submit();
                            },
                            onChange(value, selectOptions) {
                                setSelectTime(value)
                                formRef.current?.submit();
                            },
                        }}
                    />
                </ProForm.Group>
            </QueryFilter>
            <Space direction="vertical" size={50} style={{ display: 'flex' }}>
                {/* <ProCard
                    title="安播监测"
                    bordered
                > */}
                <Descriptions bordered column={1} title="安播监测">
                    <Descriptions.Item label="月份">{detailData?.month}</Descriptions.Item>
                    <Descriptions.Item label="停播事故次数">{detailData?.stopIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="重大事故次数">{detailData?.majorIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="总停播时长">{detailData?.totalStopDuration}</Descriptions.Item>
                    <Descriptions.Item label="责任事故次数">{detailData?.responsibilityIncidents}</Descriptions.Item>
                    <Descriptions.Item label="技术事故次数">{detailData?.technicalIncidents}</Descriptions.Item>

                    <Descriptions.Item label="上月停播事故次数">{detailData?.lastMonthStopIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="上月重大事故次数">{detailData?.lastMonthMajorIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="上月总停播时长">{detailData?.lastMonthTotalStopDuration}</Descriptions.Item>

                    <Descriptions.Item label="去年同期停播事故次数">{detailData?.samePeriodLastYearStopIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="去年同期重大事故次数">{detailData?.samePeriodLastYearMajorIncidentCount}</Descriptions.Item>
                    <Descriptions.Item label="去年同期总停播时长">{detailData?.samePeriodLastYearTotalStopDuration}</Descriptions.Item>
                    <Descriptions.Item label="事故单位/频道数">{detailData?.totalChannel}</Descriptions.Item>
                    <Descriptions.Item label="总事故次数">{detailData?.totalCount}</Descriptions.Item>
                    <Descriptions.Item label="总事故时长">{detailData?.totalDuration}</Descriptions.Item>
                </Descriptions>
                <ProList
                    rowKey="id"
                    ghost
                    dataSource={detailData?.incidentData}
                    showActions="hover"
                    pagination={{
                        defaultPageSize: 8,
                        showSizeChanger: false,
                    }}
                    // showActions="hover"
                    grid={{ gutter: 16, column: 1 }}
                    metas={{
                        title: {
                            dataIndex: 'unit',
                        },
                        content: {
                            render: (text, row, index, action) => {
                                return (
                                    <>
                                        <Space size={0}>
                                            <Tag color="blue">事故次数:{row.count}</Tag>
                                            <Tag color="#5BD8A6">事故时长:{row.duration}</Tag>
                                        </Space>
                                    </>
                                );
                            },
                        },
                        subTitle: {
                            dataIndex: 'channel',
                        },
                    }}
                />
                {/* </ProCard> */}
                {/* 广告监测 */}
                {/* <ProCard
                    title="广告监测"
                    bordered
                > */}
                <Descriptions bordered title="广告监测">
                    <Descriptions.Item label="公益广告条数">{detailData?.publicServiceAdsCount} 条</Descriptions.Item>
                    <Descriptions.Item label="公益广告时长">{detailData?.publicServiceAdsDuration}</Descriptions.Item>
                    <Descriptions.Item label="商业广告时长">{detailData?.commercialAdsDuration}</Descriptions.Item>
                    <Descriptions.Item label="违规行为总数">{detailData?.violationsTotal} 起</Descriptions.Item>
                    <Descriptions.Item label="违规播出电视购物短片广告数">{detailData?.violationsShoppingAds} 个</Descriptions.Item>
                    <Descriptions.Item label="违规医药广告数">{detailData?.violationsMedicalAds} 个</Descriptions.Item>
                    <Descriptions.Item label="商业广告超时播出时段数">{detailData?.violationsCommercialTimeout} 个</Descriptions.Item>
                </Descriptions>
                <ProList
                    rowKey="id"
                    ghost
                    itemCardProps={{
                        ghost: false,
                    }}
                    pagination={{
                        defaultPageSize: 8,
                        showSizeChanger: false,
                    }}
                    // showActions="hover"
                    grid={{ gutter: 16, column: 1 }}
                    dataSource={detailData?.dataGg}
                    metas={{
                        title: {
                            dataIndex: 'channel',
                        },
                        content: {
                            render: (text, row, index, action) => {
                                return (
                                    <>
                                        <Space size={5} direction="vertical">
                                            <div>商业广告超时时段（个）: {row.timeout}</div>
                                            <div>违规播出电视购物短片广告（个）: {row.shoppingAds}</div>
                                            <div >违规医药广告（个）: {row.medicalAds}</div>
                                            <Tag >合计 : {row.total}</Tag>
                                        </Space>
                                    </>
                                );
                            },
                        },
                        subTitle: {
                            dataIndex: 'date',
                        },
                    }}
                />
                {/* </ProCard> */}
                {/* 视听新媒体监测 */}
                {/* <ProCard
                    title="视听新媒体监测"
                    bordered
                > */}
                <Descriptions bordered column={1} title="视听新媒体监测">
                    <Descriptions.Item label="持证单位总数">{detailData?.totalUnits}</Descriptions.Item>
                    <Descriptions.Item label="需换证机构网站">{detailData?.renewed}</Descriptions.Item>
                    <Descriptions.Item label="传输情况">{detailData?.transmissionStatus}</Descriptions.Item>
                    <Descriptions.Item label="违规内容">{detailData?.violations}</Descriptions.Item>
                </Descriptions>
                {/* </ProCard> */}
                {/* IPTV 节目监看情况 */}
                {/* <ProCard
                    title="IPTV 频道监测"
                    bordered
                > */}
                <Descriptions bordered title="IPTV 频道监测">
                    <Descriptions.Item label="电信频道数">{detailData?.telecomChannels}</Descriptions.Item>
                    <Descriptions.Item label="联通频道数">{detailData?.unicomChannels}</Descriptions.Item>
                    <Descriptions.Item label="移动频道数">{detailData?.mobileChannels}</Descriptions.Item>
                    <Descriptions.Item label="人工监看点播节目数">{detailData?.monitoredPrograms}</Descriptions.Item>
                    <Descriptions.Item label="违规内容">{detailData?.violationsFound}</Descriptions.Item>
                </Descriptions>
                {/* </ProCard> */}
            </Space>
        </>
    );
};

export default PageAudioVisualBriefing;
